<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" type="text/css" media="screen"
        href="https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="./js/main.js"></script>
    <link rel="stylesheet" href="./css//font-awesome-4.7.0/css/font-awesome.min.css">
</head>


<body style="overflow-x:hidden;">
    <!-- 头部logo和导航栏 -->
    <header>
        <div class="main-max-width ">
            <div class="logo_box">
                <a href="index.html" class="nav_title">
                    <img class="logo" src="https://www.ecosafesa.com/assets/img/logos/ecosafe_logo.png">
                </a>
                <button class="btn" type="button" id="clickSide" onclick="cutTabbar()" value="0">
                    <i class="fa fa-bars"></i>
                </button>
            </div>



            <nav>
                <ul class="nav_bar">
                    <li class="nav_item">
                        <a href="#" class="nav_title">
                            产品展示
                        </a>
                        <div class="dropdown_box">
                            <ul class="dropdown">
                                <li class="title bold">
                                    产品展示
                                </li>
                                <li>
                                    <a href="norms.html">
                                        标准和现行规定
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        EN 14470-1-EN 14470-2安全柜

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        易燃品安全柜

                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        腐蚀性安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        有毒安全柜和多危险安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        农药安全柜

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        NF X 15-211无管通风橱-过滤安全柜-通风

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        活性炭过滤器

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        储存和溢出控制安全设备

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        防火设备和文件柜

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        安全淋浴，洗眼器和急救设备

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        影片

                                    </a>
                                </li>
                                <li>
                                    <a href="./product2.html">


                                        下载区

                                    </a>
                                </li>
                                <li>
                                    <a href="http://photos.trionyx.fr/">


                                        图片网站

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        交货

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        接收目录

                                    </a>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="nav_item item">
                        <a href="./find.html" class="nav_title">
                            寻找你的产品
                        </a>
                    </li>
                    <li class="nav_item ">
                        <a href="#" class="nav_title">
                            新闻
                        </a>
                        <div class="dropdown_box">
                            <ul class="dropdown">
                                <li class="title bold">
                                    新闻
                                </li>
                                <li>
                                    <a href="./news.html">
                                        新闻
                                    </a>
                                </li>
                                <li>
                                    <a href="./exhibitions.html">
                                        展览会
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        博客
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="nav_item">
                        <a href="#" class="nav_title">
                            生态安全
                        </a>
                        <div class="dropdown_box">
                            <ul class="dropdown">
                                <li class="title bold">
                                    生态安全
                                </li>
                                <li>
                                    <a href="./history.html">


                                        历史和核心能力

                                    </a>
                                </li>
                                <li>
                                    <a href="#">


                                        按

                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        有用的链接
                                    </a>
                                </li>
                                <li>
                                    <a href="#">

                                        招贤纳士
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="nav_item item">
                        <a href="http://catuk.ecosafesa.com" target="_blank" class="nav_title">
                            电子目录
                        </a>
                    </li>
                    <li class="nav_item item">
                        <a href="#" class="nav_title">
                            数据表下载
                        </a>
                    </li>
                    <li class="nav_item">
                        <a href="#" class="nav_title">
                            联络人
                        </a>
                        <div class="dropdown_box">
                            <ul class="dropdown">
                                <li class="title bold">
                                    联络人
                                </li>
                                <li>
                                    <a href="#">
                                        接收目录
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        回调请求
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        会见销售代表
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        成为合作伙伴
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        联系我们
                                    </a>
                                </li>
                            </ul>
                        </div>


                    </li>
                    <li class="nav_item">
                        <a href="/espace-revendeur/" class="nav_title">
                            转销商区域
                        </a>
                        <div class="dropdown_box">
                            <ul class="dropdown">
                                <li class="title bold">
                                    转销商区域
                                </li>
                                <li>
                                    <a href="http://photos.trionyx.fr/" target="_blank">
                                        图片网站
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        技术文件
                                    </a>
                                </li>
                            </ul>
                        </div>


                    </li>
                </ul>

            </nav>

        </div>
    </header>
     <!-- aside导航 -->
     <div class="visible-xs" id="aside-nav">
        <a class="nav-icon" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
            <!-- <i class="fa fa-navicon"></i> -->
            1111111111111111111
        </a>
        <div id="collapseThree" class="collapse aside-wrap">
            <div class="navi-aside-title">
                <p>导航</p>
            </div>
            <ul class="aside-list">
                <li>
                    <a href="#">产品展示</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#intro">
                        <i class="fa fa-angle-left"></i>
                    </a>

                </li>
                <div id="intro" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">标准和现行规定</a></li>
                        <li><a href="#">EN 14470-1-EN 14470-2安全柜</a></li>
                        <li><a href="#">易燃品安全柜</a></li>
                        <li><a href="#">腐蚀性安全柜</a></li>
                        <li><a href="#">有毒安全柜和多危险安全柜</a></li>
                        <li><a href="#">NF X 15-211无管通风橱-过滤安全柜-通风</a></li>
                        <li><a href="#"> 活性炭过滤器</a></li>
                        <li><a href="#">储存和溢出控制安全设备</a></li>
                        <li><a href="#">防火设备和文件柜</a></li>
                        <li><a href="#">安全淋浴，洗眼器和急救设备</a></li>
                        <li><a href="#">影片</a></li>
                        <li><a href="#">下载区</a></li>
                        <li><a href="#">图片网站</a></li>
                        <li><a href="#">交货</a></li>
                        <li><a href="#">接收目录</a></li>
                    </ul>
                </div>
                <li>
                    <a href="#">机构设置</a>
                </li>
                <li>
                    <a href="#">人才培养</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#talents">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="talents" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div>
                <li>
                    <a href="#">科学研究</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#research">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="research" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div>
                <li>
                    <a href="#">招生就业</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#recruit">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="recruit" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div>
                <li>
                    <a href="#">图书馆</a>
                </li>
                <li>
                    <a href="#">校园生活</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#live">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="live" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div>
                <li>
                    <a href="#">人才招聘</a>
                </li>
                <li>
                    <a href="#">合作交流</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#collaborate">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="collaborate" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div>
            </ul>
            <div class="navi-aside-title">
                <p>角色身份</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">在校学生</a></li>
                <li><a href="#">教职员工</a></li>
                <li><a href="#">校友</a></li>
                <li><a href="#">未来学生</a></li>
                <li><a href="#">访客</a></li>
            </ul>
            <div class="navi-aside-title">
                <p>快速链接</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">门户</a></li>
                <li><a href="#">邮箱</a></li>
                <li><a href="#">网络服务</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">广州国际校区</a></li>
                <li><a href="#">Guangzhou International Campus</a></li>
            </ul>
        </div>
    </div>

    <!-- 侧边栏 -->
    <!-- <div class="ft-caps cut" style="width: 0px;">
        <div> <button class="tab-btn bar-btn" onclick="cutTabbar()">X</button></div>
        <nav>
            <ul>
                <li>
                    <a id="clickSide2" onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a id="clickSide3" onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a id="clickSide4" onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a id="clickSide5" onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>
                <li>
                    <a id="clickSide6" onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                        <svg class="bi bi-arrow-right cut-svg" width="1em" height="1em" viewBox="0 0 16 16"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"
                                clip-rule="evenodd" />
                            <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </li>

            </ul>
        </nav>

    </div> -->
    <!-- 副侧边栏 -->
    <!-- <div class="ft-caps cut2" style="width: 0px;">
        <div>
            <button class="bar-btn" onclick="cutTabbar2()">
                <i class="fa fa-angle-left" aria-hidden="true"></i>
            </button>
            <button class="bar-btn" onclick="closeAll1()">XXX</button>
        </div>
        <nav>
            <ul>
                <li>
                    <a onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                    </a>
                </li>

            </ul>
        </nav>


    </div> -->
    <!-- <div class="ft-caps cut3" style="width: 0px;">
        <div>
            <button class="bar-btn" onclick="cutTabbar3()">
                <i class="fa fa-angle-left" aria-hidden="true"></i>
            </button>
            <button class="bar-btn" onclick="closeAll2()">XXX</button>
        </div>
        <nav>
            <ul>
                <li>
                    <a onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                    </a>
                </li>

            </ul>
        </nav>

    </div> -->
    <!-- <div class="ft-caps cut4" style="width: 0px;">

        <div style="position: relative;">
            <button onclick="cutTabbar4()">
                <i class="fa fa-angle-left" aria-hidden="true"></i>
            </button>
            <button style="position: absolute;right: 0;"  onclick="closeAll3()">XXX</button>
        </div>
        <nav>
            <ul>
                <li>
                    <a onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                    </a>
                </li>

            </ul>
        </nav>
    </div> -->
    <!-- <div class="ft-caps cut5" style="width: 0px;">

        <button class="bar-btn" onclick="cutTabbar5()">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
        </button>
        <button class="bar-btn" onclick="closeAll4()">XXX</button>
        <nav>
            <ul>
                <li>
                    <a onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                    </a>
                </li>

            </ul>
        </nav>
    </div> -->
    <!-- <div class="ft-caps cut6" style="width: 0px;">

        <button class="bar-btn" onclick="cutTabbar6()">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
        </button>
        <button class="bar-btn" onclick="closeAll5()">XXX</button>
        <nav>
            <ul>
                <li>
                    <a onclick="cutTabbar2()" value="0">
                        <span>产品展示</span>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>寻找你的产品</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar3()" value="0">
                        <span>新闻</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar4()" value="0">
                        <span>生态安全</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>电子目录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>数据表下载</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar5()" value="0">
                        <span>联络人</span>
                    </a>
                </li>
                <li>
                    <a onclick="cutTabbar6()" value="0">
                        <span>转销商区域</span>
                    </a>
                </li>

            </ul>
        </nav>
    </div> -->
    <!-- 轮播图 -->
    <section>
        <div id="demo" class="carousel slide" data-ride="carousel">
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a href="#">
                        <!-- <picture>
                            <source media="(max-width: 767px)" srcset="https://medias.ecosafesa.com/sliders/mobile/Slider-Ecosafe-02-2020---ENG.jpg">
                            <source media="(min-width: 768px)" srcset="https://medias.ecosafesa.com/sliders/thumbnail/Slider-Ecosafe-02-2020---ENG.jpg 1x, https://medias.ecosafesa.com/sliders/Slider-Ecosafe-02-2020---ENG.jpg 2x"> -->
                        <img src="./img//Slider-Ecosafe-02-2020---ENG.jpg">
                        <!-- </picture> -->
                    </a>
                </div>
                <div class="carousel-item">
                    <a href="#">
                        <img src="./img/Slider-Ecosafe-11-2019---Armoires-790+---ENG.jpg">
                    </a>

                </div>
                <div class="carousel-item">
                    <a href="#">
                        <img src="./img//Slider-Ecosafe-11-2019---PSM---ENG.jpg">
                    </a>

                </div>
            </div>
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-target="#demo" data-slide-to="0" class="active"></li>
                <li data-target="#demo" data-slide-to="1"></li>
                <li data-target="#demo" data-slide-to="2"></li>
            </ul>

            <!-- 左右切换按钮 -->
            <a class="carousel-control-prev left_icon" href="#demo" data-slide="prev" style="z-index: 1;">
                <span class="fa fa-arrow-circle-left"></span>
            </a>
            <a class="carousel-control-next right_icon" href="#demo" data-slide="next">
                <span class="fa fa-arrow-circle-right"></span>
            </a>

        </div>
        <div class="next_icon_box">
            <div class="next_icon" style="margin: 0 auto;">
                <a href="#bloc-start" id="myid">
                    <i class="fa fa-angle-double-down"></i>
                </a>

            </div>
        </div>

    </section>
    <!-- 中间介绍 -->
    <section id="bloc-start" class="base clr-white">
        <h1 class="algn-c">欢迎来到ECOSAFESA.COM</h1>
        <div class="base_text base_p">
            <p>ECOSAFE是瑞士第一家安全产品供应商，在该领域提供世界上最广泛的产品，从存储（通过我们的安全存储柜）到化学药品的操作（通过我们的无管通风橱）。</p>
            <p>ECOSAFE拥有40多年的工业，实验室和大学化学品处理和存储专业经验，很高兴为您提供完整的新目录，以提供我们的整个产品系列。</p>
        </div>
        <div class="base_text">
            <span style="vertical-align: inherit;">
                <span style="vertical-align: inherit;">该ECOSAFE产品与在我们的领域最严格的现行规范符合：</span>
            </span><br>
            <strong>
                <span style="vertical-align: inherit;">
                    <span style="vertical-align: inherit;">EN 14470-1</span>
                </span>
            </strong>
            <span style="vertical-align: inherit;">
                <span style="vertical-align: inherit;">我们的安全柜和EN 14470-2为易燃物，</span>
            </span><br>
            <strong>
                <span style="vertical-align: inherit;">
                    <span style="vertical-align: inherit;">FM和OSHA</span>
                </span>
            </strong>
            <span style="vertical-align: inherit;">
                <span style="vertical-align: inherit;">的柜行业，</span>
            </span><br>
            <strong>
                <span style="vertical-align: inherit;">
                    <span style="vertical-align: inherit;">NF X 15-211 - 2009年5月</span>
                </span>
            </strong>
            <span style="vertical-align: inherit;">
                <span style="vertical-align: inherit;">我们的无管</span>
            </span><br>
            <strong>
                <span style="vertical-align: inherit;">
                    <span style="vertical-align: inherit;">EN 15154-1和EN 15154-2</span>
                </span>
            </strong>
            <span style="vertical-align: inherit;">
                <span style="vertical-align: inherit;">通风柜，</span>
                <span style="vertical-align: inherit;">用于我们的安全淋浴和洗眼器。</span>
            </span>
        </div>

    </section>
    <!-- 产品目录 -->
    <section class="liste-categories">
        <div class="main-max-width">
            <h1 class="directory">
                目录
            </h1>
            <ul class="udf-hidden">
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_1">
                            EN 14470-1-EN 14470-2安全柜
                        </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">

                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable.png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/795+E_porte_droite_labo_caillebotis.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_2">易燃品安全柜</div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">

                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (1).png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/AMS200_porte_droite_labo.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_3">腐蚀性安全柜</div>
                        <div class="pictos">
                            <img src="./img/PictoCorrosif (4).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoCorrosif.png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/APC106_fermee_labo.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_4">有毒安全柜和多危险安全柜</div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <img src="./img/PictoCorrosif (4).png" alt="">
                            <img src="./img/PictoPoison (2).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (2).png" alt="">
                                <img src="./img/PictoCorrosif (1).png" alt="">
                                <img src="./img/PictoPoison.png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/asdm22-ouverte-labo-1.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_5">农药安全柜</div>
                        <div class="pictos">
                            <img src="./img/PictoCorrosif (4).png" alt="">
                            <img src="./img/PictoDanger (1).png" alt="">
                            <img src="./img/PictoPollution (1).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoCorrosif (2).png" alt="">
                                <img src="./img/PictoDanger.png" alt="">
                                <img src="./img/PictoPollution.png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/AL307_fermee.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_6">
                            NF X 15-211无管通风橱-过滤安全柜-通风
                        </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <img src="./img/PictoCorrosif (4).png" alt="">
                            <img src="./img/PictoPoison (2).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (3).png" alt="">
                                <img src="./img/PictoCorrosif (3).png" alt="">
                                <img src="./img/PictoPoison (1).png" alt="">
                            </span>

                        </div>
                        <div class="img-cont">
                            <img src="./img/armoires-filtration-ventilation.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_7">活性炭过滤器 </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <img src="./img/PictoDanger (1).png" alt="">
                            <img src="./img/PictoPoison (2).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (8).png" alt="">
                                <img src="./img/PictoDanger (4).png" alt="">
                                <img src="./img/PictoPoison (5).png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/home-filtre-a-charbon-actif.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_8">
                            储存和溢出控制安全设备
                        </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <img src="./img/PictoDanger (1).png" alt="">
                            <img src="./img/PictoPoison (2).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (7).png" alt="">
                                <img src="./img/PictoDanger (2).png" alt="">
                                <img src="./img/PictoPoison (3).png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/home-recipient-retention.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_9">
                            防火设备和文件柜
                        </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (5).png" alt="">
                            </span>
                        </div>
                        <div class="img-cont">
                            <img src="./img/793+DE_ouverte.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product">
                    <a href="#">
                        <div class="product_name hover_10">
                            安全淋浴，洗眼器和急救设备
                        </div>
                        <div class="pictos">
                            <img src="./img/PictoInflammable (4).png" alt="">
                            <img src="./img/PictoDanger (1).png" alt="">
                            <img src="./img/PictoPoison (2).png" alt="">
                            <span class="pictos_hover">
                                <img src="./img/PictoInflammable (6).png" alt="">
                                <img src="./img/PictoDanger (3).png" alt="">
                                <img src="./img/PictoPoison (4).png" alt="">
                            </span>

                        </div>
                        <div class="img-cont">
                            <img src="./img/home-douches-et-premiers-secours.jpg" alt="">
                        </div>
                    </a>
                </li>


            </ul>
        </div>

    </section>
    <!-- 底部 -->
    <footer class="udf-init">
        <div class="main-max-width">
            <div class="footer_top">
                <div class="footer_left">
                    <a class="footer_logo" href="#">
                        <img src="#" alt="">
                    </a>
                    <ul class="contacts">
                        <li class="contacts_item">
                            <i class="icon ion-ios-location"></i>
                            <div class="contacts_text">
                                <div>Chemin des Champs Courbes 15 </div>
                                <div>区工业区，瓦莱尔东部Est</div>
                                <div>CH-1024 Ecublens（瑞士）</div>
                            </div>
                        </li>
                        <li class="contacts_item">
                            <i class="icon ion-ios-telephone"></i>
                            <div class="contacts_text">
                                <div>+41（0）21 694 10 04</div>
                            </div>
                        </li>
                        <li class="contacts_item">
                            <i class="icon ion-ios-telephone"></i>
                            <div class="contacts_text">
                                <div>+41（0）21 694 10 00</div>
                            </div>
                        </li>
                        <li class="contacts_item">
                            <i class="icon ion-android-mail"></i>
                            <div class="contacts_text">
                                <div>ecosafesa.com上的销售</div>
                            </div>
                        </li>
                        <li class="contacts_item">
                            <i class="icon ion-ios-location"></i>
                            <div class="contacts_text">
                                <div>香港 九龙尖沙咀 柯士甸道7-9号万 利</div>
                                <div>广场</div>
                                <div>大厦6楼TA12 亚洲区办事处</div>
                            </div>
                        </li>

                    </ul>
                    <div class="social-links">
                        <a class="linkedin" href="https://fr.linkedin.com/company/ecosafe-sa">
                            <i class="fa fa-linkedin-square"></i>
                        </a>
                        <a class="youtube" href="https://www.youtube.com/channel/UCQFtOEJ577d5L9M-QKXd6Ug/videos">
                            <i class="fa fa-youtube-play"></i>
                        </a>
                    </div>
                </div>
                <div class="footer_right">
                    <ul class="footer_nav">
                        <li class="col-count-2">
                            <a href="#">
                                产品展示
                            </a>
                            <ul class="main-max-width list-square">
                                <li>
                                    <a href="#">
                                        标准和现行规定
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        EN 14470-1-EN 14470-2安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        易燃品安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        腐蚀性安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        有毒安全柜和多危险安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        农药安全柜
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        NF X 15-211无管通风橱-过滤安全柜-通风
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        活性炭过滤器
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        储存和溢出控制安全设备
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        防火设备和文件柜

                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        安全淋浴，洗眼器和急救设备

                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        影片
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        下载区
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        图片网站
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        交货
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        接收目录
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                寻找你的产品
                            </a>
                        </li>
                        <li class="fl-r">
                            <a href="#">
                                新闻
                            </a>
                            <ul class="main-max-width list-square">
                                <li>
                                    <a href="https://www.ecosafesa.com/en/news/news">
                                        新闻
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/news/exhibitions">
                                        展览会
                                    </a>
                                </li>
                                <li>
                                    <a href="http://ecosafesa.blogspot.fr/">
                                        博客
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="https://www.ecosafesa.com/ecosafe">
                                生态安全
                            </a>
                            <ul class="main-max-width list-square" style="z-index: 999;">
                                <li>
                                    <a href="./history.html">
                                        历史和核心能力
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/ecosafe/press">
                                        按
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/ecosafe/useful-links">
                                        有用的链接
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/ecosafe/careers">
                                        招贤纳士
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="http://catuk.ecosafesa.com">
                                电子目录
                            </a>
                        </li>
                        <li class="fl-r">
                            <a href="https://www.ecosafesa.com/en/datasheets-to-download">
                                数据表下载
                            </a>
                        </li>
                        <li>
                            <a href="https://www.ecosafesa.com/contacts">
                                联络人
                            </a>
                            <ul class="main-max-width list-square">
                                <li>
                                    <a href="https://www.ecosafesa.com/en/contacts/receive-the-catalog">
                                        接收目录
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/contacts/callback-request">
                                        回调请求
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/contacts/meet-a-sales-representative">
                                        会见销售代表
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/contacts/become-partners">
                                        成为合作伙伴
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/en/contacts/contact-us">
                                        联系我们
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav_end">
                            <a href="">
                                转销商区域
                            </a>
                            <ul class="main-max-width list-square">
                                <li>
                                    <a href="http://photos.trionyx.fr/">
                                        图片网站

                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.ecosafesa.com/documentation/" target="_blank">
                                        技术文件
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="footer_link">
                <ul class="link_box">
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/catalogue/videos">
                            影片
                        </a>
                    </li>
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/ecosafe/useful-links">
                            有用的链接
                        </a>
                    </li>
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/terms-and-conditions">
                            条款和条件
                        </a>
                    </li>
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/legal-notices">
                            法律声明
                        </a>
                        <br>
                    </li>
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/">
                        </a>
                        <br>
                    </li>
                    <li class="link_item">
                        <a href="https://www.ecosafesa.com/en/site-map">
                            网站地图
                        </a>
                    </li>
                    <li class="link_item last_link">
                        <a href="https://www.ecosafesa.com/en/contacts/contact-us">
                            联系我们
                        </a>
                    </li>
                </ul>
            </div>
            <div class="legal">
                <sapn>©ECOSAFE sa 2020-制造商保留更改技术特性的权利，恕不另行通知。</sapn>
                <a href="https://nineteengroupe.fr/">十九组</a>
            </div>
        </div>
    </footer>
</body>

</html>